<template>
  <div class="container">
    <div class="movie_detail_box w_container">
      <div class="lt">
        <MovieDetail />
        <Comment />
        <Yours />
      </div>
      <div class="rt">
        <div class="recommend_cont">
          <PugTitle title="关联查询" />
          <ul class="recommend_list">
            <li></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import PugTitle from "@/components/zTitle/pugIndex";
import MovieDetail from "./movieDetail";
import Comment from "./comment";
import Yours from "./yours";

export default {
  components: {
    PugTitle,
    MovieDetail,
    Comment,
    Yours,
  },
  data() {
    return {};
  },
};
</script>
<style lang = "scss" scoped>
.movie_detail_box {
  position: relative;
  margin-top: 20px;

  .lt {
    padding-right: 300px;
    padding-bottom: 50px;
  }
  .rt {
    width: 300px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 12px;
  }
}
</style>